.businessInstruction{
    width:100%;
    height:100%;
    position: relative;
    /deep/i{
        font-size: 14px!important;
    }
    /deep/.el-drawer__header{
        display: none;
    }
    /deep/.el-table__body td{
        border-right:none
    }
    // /deep/.el-table__footer-wrapper{
    //     margin-top:10px;
    // }
    /deep/ .el-drawer{
        overflow: auto;
    }
    /deep/ .el-form-item__content{
        width:100%!important
    }
    .dataLoading{
        width:75%;
        height:100%;
        position: fixed;
        top:0;
        left:25%;
        z-index:40
    }
    .searchTop{
        min-height:50px;
        width: 100%;
        background-color: #F5F7FA;
        border-radius: 0px;
        font-size: 14px;
        color: #606266;
        position: relative;
        display: flex;
        justify-content: space-between;
        .topContent{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .searchContent{
            margin-right:10px;
            .others{
                width:153px;
            }
            /deep/.el-button--mini{
                padding: 7px 9px;
            }
        }
    }
    .newdialog{
        /deep/.el-form-item__content{
            width: 60% !important;
        }
    }
    .heightLevel{
        // position: absolute;
        left:0;
        width:100%;
        z-index: 100;
        background: #f5f7f9;
        min-height: 50px;
        line-height: 50px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        .searchContent{
            margin-right:10px;
            .others{
                width:153px;
            }
            /deep/.el-button--mini{
                padding: 7px 9px;
            }
        }
    }
    .tableContent{
        width: 100%;
        height:calc(100% - 50px);
    }
    .titleNum{
        position: absolute;
        top:8px;
        left:80px;
        z-index:100;
        font-size: 13px;
        span:nth-child(2){
            color:rgb(189, 7, 7)
        }
        span:nth-child(4){
            color:rgb(189, 7, 7)
        }
    }
    .service{
        .titleNum{
            left:140px!important;
        } 
    }
    .drawerContent{
        padding:0 10px;
        width:100%;
        box-sizing: border-box;
    }
    .pagenation{
        width:100%;
        height:40px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right:20px;
    }
}
/deep/ .el-drawer{
    overflow-y: auto;
}
/deep/.el-dialog__body{
    padding:10px!important;
}
// 借货
.borrowGoods{
    .footer{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /deep/ .el-form-item__content{
        width:60%!important
    }
    /deep/.el-select{
        width:100%;
    }
}
// 指令转移
.orderFLow{
    /deep/.el-form-item__label{
        width:140px!important;
    }
    .flowFooter{
        width:100%;
        height:40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
// 明细页面-新增/编辑
.detailPage{
    //折叠面饭样式调整
    /deep/.el-collapse-item__header{
        background: #EDEFF2;
        border-top: none;
        padding-left: 12px;
        height: 40px;
        font-size: 15px;
    }
    /deep/.el-button--mini{
        padding:8px;
        font-size: 14px;
    }
    // /deep/.el-button:focus, .el-button:hover{
    //     background-color: #fff!important;
    // }
    /deep/.popper__arrow{
        background: #f5f7fa!important;
    }
    /deep/.el-collapse-item{
        position: relative;
    }
    /deep/.el-input__inner{
        border: none;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0;
    }
    .detailFooter{
        height:50px;
        width:100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        z-index:10;
        // position: fixed;
        // bottom:0;
        // right:0;
        // background: #EDEFF2;
    }
}
/deep/.el-collapse-item__content{
    padding-bottom:15px!important;
}
// 头部
.detailHeader{
    /deep/.el-form-item__content{
        float: unset;
        margin-left:10px!important;
        width:80%;
    }
    /deep/.el-select{
        width:100%
    }
    /deep/.el-input{
        width:100%
    }
    /deep/.el-form-item__label{
        text-align: left;
        padding-left:12px;
        float: unset;
    }
    .orderClass{
        font-size: 14px;
        span:first-child{
            color:#FA751B
        }
    }
}
// 卸货
.dischargeCargo{
    width:100%;
    position: relative;
    // .cargoHeader{
    //     width:90%;
    //     height:42px;
    //     position: absolute;
    //     top:0;
    //     left:5%;
    //     display: flex;
    //     align-items: center;
    //     justify-content: space-between;
    //     z-index:10;
        .headerContent{
            display: flex;
        }
        .left{
            height:40px;
            align-items: flex-end;
            position: absolute;
            left:50px;
            z-index: 10;
            top:1px;
        }
        .right{
            position: absolute;
            right:40px;
            z-index: 10;
            top:7px;
        }
        .searchContent{
            margin-left:10px;
        }
        .ticketClass{
            left:0!important
        }
    }
// }
// 子票货
.subTicketGoods{
    .cargoHeader{
        width:93%;
        left:2%;
    }
}
// 弹窗页面输入框下拉框样式调整
.detail{
    // padding:0 20px;
    .detailContent{
        padding:0 20px;
    }
    .title{
        height: 40px;
        font-size: 15px;
        line-height: 40px;
    }
    .footer{
        height: 50px;
        font-size: 16px;
        width:100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
    }
    /deep/.el-form-item__content{
        float: unset;
        width:100%;
        margin-left:0!important
    }
    /deep/.el-select{
        width:100%
    }
    /deep/.el-input{
        width:100%
    }
    /deep/.el-form-item__label{
        text-align: left;
        float: unset;
    }
    /deep/.el-input__inner{
        border: none;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0;
    }
}
.btnItem{
    width: 55px!important;
    text-align: center;
    /*border: 1px solid #ddd;*/
    cursor:pointer;
    /*border-bottom: 0;*/
    color: #9a9a9a;
    font-size: 13px;
    height: 35px;
    line-height: 40px;
    padding: 0 4px 0 4px;
    position: relative;
    margin-right: 6px;
    a{
        color: inherit;
        text-decoration: none;
    }
}
.active{
    color: inherit;
    z-index:10!important;
}
.btnItem::before{
    content: '';
    padding: 0 4px 0 4px;
    width: 55px!important;
    border: 1px solid #ddd;
    background: white;
    cursor:pointer;
    /*border-bottom: 0;*/
    color: #9a9a9a;
    border-radius: 3px 3px 0 3px;
    transform: perspective(.5em) rotateX(3deg);
    transform-origin: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    box-shadow:2px -2px 8px #ddd;
}
// 票货
.ticketInfo{
    position: relative;
    .titleInfo{
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        background: #EDEFF2;
        padding-left: 10px;
    }
    .infoContent{
        width:100%;
        padding:0 10px;
        box-sizing: border-box;
        position: relative;
    }
    .ticketContent{
        height:50px;
        width:100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        background: #fff;
        .ticketBox{
            margin-right:10px;
        }
    }
    /deep/.el-button--mini{
        padding: 7px 9px!important;
    }
    .highLevel{
        position: absolute;
        top:40px;
        width:100%;
        left:0;
        z-index:20;
        padding: 0 10px;
    }
}
.pickUpGoods{
    font-size: 14px;
    font-weight: normal;
    .picktitle{
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        background: #EDEFF2;
        padding-left: 10px;
    }
    .pickContent{
        padding:0 10px;
        width:100%;
        box-sizing:border-box;
    }
    .goodsHeader{
        height: 45px;
        width: 100%;
        display: flex;
        align-items: center;
        .headerBox{
            span{
                margin:0 10px;
            }
        }
        p{
            color: rgb(245, 108, 108);
            font-weight: bold;
            font-size: 16px;
            margin:0 20px;
        }
        .value{
            margin:0 10px;
            font-weight: bold;
            color:#f88436;
        }
    }
    .other{
        width:160px;
    }
    .footer{
        height:50px;
        width:100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}
.addMainTicket{
}
.bargeRepeat{
    width:100%;
    font-size: 13px;
    font-weight: normal;
    .bargeContent{
        padding:0 10px;
        box-sizing: border-box;
        width:100%;
    }
    /deep/.current-row{
        background-color: #e6f7ff!important;
    }
    .bargeHeader{
        width: 100%;
        height: 46px;
        background: #fff8e9;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        .bargeTitleIMG{
            height:40px
        }
    }
    .title{
        height:40px;
        line-height: 40px;
        font-size: 15px;
    }
    .bargeTitle{
        width: 100%;
        height: 46px;
        display: flex;
        align-items: center;
        span{
            font-size: 14px;
            font-weight: normal;
        }
        .text{
            margin:0 10px;
        }
        .value{
            color: #f88436
        }
    }
    .tabClass{
        width:100%;
        height:40px;
        display: flex;
        align-items: center;
    }
    .footer{
        height:50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}
/deep/.el-drawer__header{
    margin-bottom:10px!important
}
.checkClass{
    font-size: 13px;
    font-weight: normal;
    color:#333;
    position: absolute;
    top:52px;
    right:20px;
}
.title{
    background: #EDEFF2;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}
/deep/.el-collapse-item__wrap{
    border-bottom: none;
}
.returnGoodsDetail{
    width: 100%;
    .goodHeader{
        height:50px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        .searchContent{
            margin-left:10px;
            /deep/.el-button--mini{
                padding: 7px 9px;
            }
        }
    }
}